.rfq {
    width: 100%;
    .w87{
        width: 87% !important;
        transition: 0.3s ease;
    }
    .box{
        width: 95%;
        transition: 0.3s ease;
        background-color: #F1F1F1;
    .left {
        width: 30%;
        height: 92vh;
        background-color: #fff;
        margin-top: 10px;
        margin-right: 10px;
        padding-right: 10px;
        border-radius: 10px;
        box-shadow: 1px -1px 5px rgba(168, 168, 168, 0.678);

        .title {
            color: #181c42;
            font-weight: bold;
            margin-top: 10px;
        }
    }

    // 中间
    .centre {
        .tab{
            padding-top: 10px;
            padding-right: 10px;
            padding-left: 10px;
            background-color: #fff;
            border-radius: 10px;
            box-shadow: 1px -1px 5px rgba(168, 168, 168, 0.678);
        }
        .main{
            padding: 10px;
            background-color: #fff;
            border-radius: 10px;
            box-shadow: 1px -1px 5px rgba(168, 168, 168, 0.678);
        }
        margin-top: 10px;
        width: 50%;
        height: 92vh;
        .title{
            border-bottom: 1px solid #a5a5a5;
            padding: 5px 0;
            font-weight: bold;
            color: #a5a5a5;
        }

        .input{
            height: 46%;
        }

        .mlr5{
            margin: 0 5px;
        }
        .el-button.is-plain{
            border: 1px solid #7da3f3;
            color: #7da3f3;
            background-color: #fff;
        }
    }

    .right {
        margin-left: 10px;
        margin-top: 10px;
        margin-right: 10px;
        border-radius: 10px;
        background-color: #fff;
        width: 20%;
        box-shadow: 1px -1px 5px rgba(168, 168, 168, 0.678);
        position: relative;

        .consult {
            background-color: #58aafc;
            border-radius: 10px;

            img {
                width: 40px;
                height: 40px;
                border-radius: 50%;
                margin: 10px;
            }
        }

        .info {
            height: 70vh;
            overflow-y: auto;
            padding-bottom: 20px;
            img {
                width: 40px;
                height: 40px;
                border-radius: 50%;
                // margin: 10px;
            }

            .what{
                border: 1px solid #a5a5a5;
                padding: 5px;
                border-radius: 10px;
                height: auto;
            }
        }

        .info::-webkit-scrollbar{
            width: 5px;
        }

        .info::-webkit-scrollbar-thumb{
            background-color: #cccccc;
            border-radius: 10px;
        }

        .chat{
            // height: 100px;
            position: absolute;
            bottom: 10px;
            width: 100%;
        }
    }

}
}
